<template>
  <AppPage>
    <n-card>
      <n-tabs
        class="card-tabs"
        default-value="basic"
        size="large"
        animated
        style="margin: 0 -4px"
        pane-style="padding-left: 4px; padding-right: 4px; box-sizing: border-box;"
      >
        <n-tab-pane name="basic" tab="基础设置" display-directive="show">
          <SiteSetting model-type="basic"></SiteSetting>
        </n-tab-pane>
        <n-tab-pane name="dataCard" tab="资料卡" display-directive="show">
          <SiteSetting model-type="dataCard"></SiteSetting>
        </n-tab-pane>
        <n-tab-pane name="foot" tab="页脚徽标" display-directive="show">
          <SiteSetting model-type="foot"></SiteSetting>
        </n-tab-pane>
      </n-tabs> </n-card
  ></AppPage>
</template>

<script setup>
import SiteSetting from './siteSetting.vue'

defineOptions({ name: 'SiteSetting' })
</script>

<style scoped>
.card-tabs .n-tabs-nav--bar-type {
  padding-left: 4px;
}
</style>
